"use client";
import { useEffect, useRef } from "react";
import { Damper } from "@/lib/three/damper";

export default function Dashboard() {
  const canvasRef = useRef<HTMLDivElement>(null);

  const init = () => {
    if (canvasRef.current) {
      const three = new Damper(canvasRef.current, true);

      three.addStarSky();

      // three.addCircleGround();

      three.addGridGround();

      three.addDamper();
    }
  };

  useEffect(() => {
    init();
  }, []);

  return <div ref={canvasRef} className="h-screen w-screen bg-white"></div>;
}
